@import './public.scss';

:root {
	--alison-color-default: #fff;
	--alison-color-primary: #a19cd5;
	--alison-color-primary-light-1: #b8b3e8;
	--alison-color-primary-light-2: #eae8ff;

	--alison-text-color: #606266;
	--alison-text-color__hovered: #6051a5;
	--alison-border-color: #dcdfe6;
}

* {
	box-sizing: border-box;
	font-family: 'SourceHanSans','BMJUA',-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
		'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
		'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji', 'PingFang SC',
		'Hiragino Sans GB', 'Microsoft YaHei', Helvetica;
	line-height: 1.2;
}

body {
	margin: 0;
}

@font-face {
	font-family: 'SourceHanSans';
	src: url('../fonts/SourceHanSansCN-Normal.otf') format('opentype');
}
@font-face {
	font-family: 'BMJUA';
	src: url('../fonts/BMJUA_otf.otf') format('opentype');
}
@keyframes slideUpFadeIn {
	0% {
		opacity: 0;
		margin-top: 25%;
	}
	100% {
		opacity: 1;
		margin-top: 23%;
	}
}
@keyframes slideUpFadeOut {
	0% {
		opacity: 1;
		margin-top: 23%;
	}
	100% {
		opacity: 0;
		margin-top: 25%;
	}
}
.logo_font_blue {
	color: #306CFF;
}
.logo_font_red {
	color: #E22B28;
}
.logo_font_yellow {
	color: #F9B00B;
}
.logo_font_green {
	color: #2D9B41;
}
#app {
	width: 100vw;
	height: 100vh;
}